<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/banner.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
    
    <nav class="xtxNav">
        <div class="xtxLogin w">
            <ul>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">关注我们</a></li>
                <li><i class="iconfont icon-shouji"></i> <a href="#">手机版</a></li>
            </ul>
        </div>
    </nav>
    <!-- 首页 -->
    <div class="xtxHomepage w">
        <div class="page">
            <div class="topLogo">
                <h1>
                    <a href="#"><img src="../image/logo.png" alt=""></a>
                </h1>
            </div>
            <div>
                <ul>
                    <li><a href="#" class="active">首页</a></li>
                    <li>
                        <a href="#">居家</a>
                    </li>
                    <li><a href="#">美食</a></li>
                    <li><a href="#">服饰</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">个护</a></li>
                    <li><a href="#">严选</a></li>
                    <li><a href="#">数码</a></li>
                    <li><a href="#">运动</a></li>
                    <li><a href="#">杂项</a></li>
                </ul>
            </div>
            <div class="disabled">
                <div class="shoppingTop">
                    <div class="search">
                        <i class="iconfont icon-RectangleCopy"></i>
                        <input type="text" placeholder="搜一搜">
    
                    </div>
                    <div class="font">
                        <a href="#" class="goods-inconfont">
                            <i class="iconfont icon-gouwuchekong"></i>
                            <em>3</em>
                        </a>
                    </div>
                </div>
                <div class="box">
                    <div class="triangle"></div>
                    <div class="list">
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/4356c9fc150753775fe56b465314f1eb.png" alt="">
                                <div class="center">
                                    <p class="name">大师监制龙泉青瓷茶叶罐</p>
                                    <p class="attr">规格:中号</p>
                                </div>
                                <div class="right">
                                    <p class="price">￥239.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/c09706c1e85dd2f5c9886b4f3e0cbbf0.png" alt="">
                                <div class="center">
                                    <p class="name">让全家人喝上甜甜的水黑科技镁离子净水壶</p>
                                    <p class="attr">颜色:【半年版-白色】1壶9芯（适用6~9个月）</p>
                                </div>
                                <div class="right">
                                    <p class="price">¥448.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="https://yanxuan-item.nosdn.127.net/9208f2df07d79dd39fb9f5eaf9ca95c6.png" alt="">
                                <div class="center">
                                    <p class="name">匠心手工羊脂玉白茶具礼盒6件套</p>
                                    <p class="attr">规格:1*壶；1*公道杯；4*品茗杯</p>
                                </div>
                                <div class="right">
                                    <p class="price">￥339.00</p>
                                    <p class="count">x1</p>
                                </div>
                            </a>
                            <i class="iconfont icon-chahao"></i>
                        </div>
                    </div>
                    <div class="foot">
                        <div class="total">
                            <p class="goodsTotal">共3件商品</p>
                            <p class="price">￥1026</p>
                        </div>
                        <button>去购物车结算</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏首页 -->
    <div class="xtxPage">
        <div class="xthShow w">
            <div>
                <h1>
                    <a href="#"><img src="../image/logo.png" alt=""></a>
                </h1>
            </div>
            <ul>
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">服饰</a></li>
                <li><a href="#">母婴</a></li>
                <li><a href="#">个护</a></li>
                <li><a href="#">严选</a></li>
                <li><a href="#">数码</a></li>
                <li><a href="#">运动</a></li>
                <li><a href="#">杂项</a></li>
            </ul>
            <div class="right">
                <a href="#">品牌</a>
                <a href="#">专题</a>
            </div>
        </div>
    </div>
    <script src="../js/banner.js"></script>
</body>

</html>